html 
{
	overflow:hidden; 
}

body 
{
	font-family:'Arial'; 
	margin:0 auto; 
	background:#GREEN;
}


.contenido
{
	margin-top:0px;
	width:1300px;
    height:650px;
	border:solid 1px #000; 
}

.encabezado
{
	margin-top: 0px;
	height:100px;
	background-color: blue; 
}


.articulos
{
    float: left;
	width:300px;
	border-spacing: 10px 10px;
	background-color: red;
    overflow: scroll;	
}
.paginacion
{
    float: left;
	width:1000px;
	border-spacing: 10px 10px;
	background-color: yellow; 
	overflow: scroll;
}

.pie
{
	clear: both; 
	background-color: #999;
}
.centrado
{
	margin-left: auto;
    margin-right: auto;
}
.vertical
{
    height:500px;
}
/************************** otro estilo *********************************/
table 
{   
    margin-left: auto;
    margin-right: auto;
	border-spacing: 10px 10px;

}

table, tr, td {
 padding: 10px;
    border: 1px solid black;
}
tr
{
   width:auto;
   height:auto;
}

td
{
   vertical-align: text-top;
   width:200px;
   height:200px;
}

input[type="text"] 
{
	float:left;
	font-family: Arial; 
	font-size: 12pt;
	width:200px;
	border:solid 1px #000;
	padding:10px;
} 